.coupon_bottom {
	background: #fff;
	vertical-align: top;
	border-radius: 0 0 10rpx 10rpx;
	padding: 0 20rpx;

	.coupon_nav {
		border-top: 1rpx dashed #DFDFDF;
		width: 100%;
		padding: 10rpx 0;
		max-height: 32rpx;
		overflow: hidden;

		.con {
			height: 34rpx;
			overflow: hidden;

			.txt {
				font-size: 24rpx;
				color: #B5B5B5;
				line-height: 34rpx;
				flex: 1;
				margin-right: 30rpx;
				text-align: center;
			}
		}

		.code {
			flex-flow: column nowrap;

			.code_img {
				text-align: center;
				margin-top: 30rpx;

				image {
					width: 80%;
					height: 160rpx;
				}
			}
			
			.use_notice {
				text-align: center;
				font-size: 24rpx;
				color: #393939;
				line-height: 34rpx;
				margin-top: 18rpx;
				padding: 10rpx 0;
			
				text {
					margin-left: 20rpx;
					color: #EC2921;
				}
			}
			// 复制券码按钮
			.copy_btn {
			  margin-top: 28rpx;
			  background: #EC2921;
			  font-size: 24rpx;
			  text-align: center;
			  color: #ffffff;
			  display: inline-block;
			  padding: 10rpx 28rpx;
			  border-radius: 28rpx;
			}
			// 密码
			.password {
			  width: 390rpx;
			  height: 150rpx;
			  margin: 42rpx auto 0;
			  background: #d8d8d8;
			  flex-flow: column nowrap;
				.txt {
				  text-align: center;
				  color: #393939;
				  font-size: 28rpx;
				}
				.pass {
				  margin-top: 30rpx;
				  text-align: center;
				  color: #393939;
				  font-size: 28rpx;
				}
			}
			.passcopy {
			  padding-top: 28rpx;
			  color: #EC2921;
			  font-size: 32rpx;
			  text-align: center;
			}
		}

		

		.fun {
			height: 80rpx;
			margin: 0 18rpx;
			position: relative;

			.bot {
				position: absolute;
				top: 0;
				left: 0;
				text-align: center;
				width: 100%;
				height: 80rpx;
				z-index: 1;
				background: rgba(0, 0, 0, 0);
			}

			.con {
				height: 80rpx;
				line-height: 80rpx;
				font-size: 24rpx;
				color: #EC2921;
				text-align: center;

				&.active {
					max-height: 500rpx;

					.txt {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
				}
			}

			.sign {
				width: 136rpx;
				height: 40rpx;
				padding: 0 16rpx;
				border-radius: 30rpx;
				background: #EC2921;

				image {
					width: 21rpx;
					height: 20rpx;
				}

				.sign_txt {
					font-size: 20rpx;
					color: #FFFFFF;
				}
			}

			.rules {
				text-align: center;
				color: #B0B0B0;
				font-size: 20rpx;
				position: relative;
			}
			.nav_arrow {
			  position: relative;
			  padding-right: 26rpx;
			}
			.nav_arrow:after{
			  content: '';
			  position: absolute;
			  top: -18rpx;
			  right: 0rpx;
			  width: 0;
			  height: 0;
			  border-top: 18rpx solid transparent;
			  border-bottom: 18rpx solid transparent;
			  border-left: 24rpx solid #E8E8E8;
			  margin-right: -18rpx;
			}
		}

		&.active {
			max-height: 1000rpx;
		}
	}
}